');
this.$timer = $timer;
this.$elmt.prepend($timer);
}
// Overlay
if (overlay) {
$overlay = $('
');
if (typeof overlay === 'string') {
$overlay.css('background-image', 'url(' + overlay + ')');
}
this.$overlay = $overlay;
this.$elmt.prepend($overlay);
}
// Container
this.$elmt.addClass('vegas-container');
if (!isBody) {
this.$elmt.append($wrapper);
}
setTimeout(function () {
self.trigger('init');
self._goto(self.slide);
if (self.settings.autoplay) {
self.trigger('play');
}
}, 1);
},
_preload: function () {
var img, i;
for (i = 0; i < this.settings.slides.length; i++) {
if (this.settings.preload || this.settings.preloadImages) {
if (this.settings.slides[i].src) {
img = new Image();
img.src = this.settings.slides[i].src;
}
}
if (this.settings.preload || this.settings.preloadVideos) {
if (this.support.video && this.settings.slides[i].video) {
if (this.settings.slides[i].video instanceof Array) {
this._video(this.settings.slides[i].video);
} else {
this._video(this.settings.slides[i].video.src);
}
}
}
}
},
_random: function (array) {
return array[Math.floor(Math.random() * array.length)];
},
_slideShow: function () {
var self = this;
if (this.total > 1 && !this.paused && !this.noshow) {
this.timeout = setTimeout(function () {
self.next();
}, this._options('delay'));
}
},
_timer: function (state) {
var self = this;
clearTimeout(this.timeout);
if (!this.$timer) {
return;
}
this.$timer
.removeClass('vegas-timer-running')
.find('div')
.css('transition-duration', '0ms');
if (this.paused || this.noshow) {
return;
}
if (state) {
setTimeout(function () {
self.$timer
.addClass('vegas-timer-running')
.find('div')
.css('transition-duration', self._options('delay') - 100 + 'ms');
}, 100);
}
},
_video: function (srcs) {
var video,
source,
cacheKey = srcs.toString();
if (videoCache[cacheKey]) {
return videoCache[cacheKey];
}
if (srcs instanceof Array === false) {
srcs = [ srcs ];
}
video = document.createElement('video');
video.preload = true;
srcs.forEach(function (src) {
source = document.createElement('source');
source.src = src;
video.appendChild(source);
});
videoCache[cacheKey] = video;
return video;
},
_fadeOutSound: function (video, duration) {
var self = this,
delay = duration / 10,
volume = video.volume - 0.09;
if (volume > 0) {
video.volume = volume;
setTimeout(function () {
self._fadeOutSound(video, duration);
}, delay);
} else {
video.pause();
}
},
_fadeInSound: function (video, duration) {
var self = this,
delay = duration / 10,
volume = video.volume + 0.09;
if (volume < 1) {
video.volume = volume;
setTimeout(function () {
self._fadeInSound(video, duration);
}, delay);
}
},
_options: function (key, i) {
if (i === undefined) {
i = this.slide;
}
if (this.settings.slides[i][key] !== undefined) {
return this.settings.slides[i][key];
}
return this.settings[key];
},
_goto: function (nb) {
if (typeof this.settings.slides[nb] === 'undefined') {
nb = 0;
}
this.slide = nb;
var $slide,
$inner,
$video,
$slides = this.$elmt.children('.vegas-slide'),
src = this.settings.slides[nb].src,
videoSettings = this.settings.slides[nb].video,
delay = this._options('delay'),
align = this._options('align'),
valign = this._options('valign'),
cover = this._options('cover'),
color = this._options('color') || this.$elmt.css('background-color'),
self = this,
total = $slides.length,
video,
img;
var transition = this._options('transition'),
transitionDuration = this._options('transitionDuration'),
animation = this._options('animation'),
animationDuration = this._options('animationDuration');
if (cover !== 'repeat') {
if (cover === true) {
cover = 'cover';
} else if (cover === false) {
cover = 'contain';
}
}
if (transition === 'random' || transition instanceof Array) {
if (transition instanceof Array) {
transition = this._random(transition);
} else {
transition = this._random(this.transitions);
}
}
if (animation === 'random' || animation instanceof Array) {
if (animation instanceof Array) {
animation = this._random(animation);
} else {
animation = this._random(this.animations);
}
}
if (transitionDuration === 'auto' || transitionDuration > delay) {
transitionDuration = delay;
}
if (animationDuration === 'auto') {
animationDuration = delay;
}
$slide = $('
');
if (this.support.transition && transition) {
$slide.addClass('vegas-transition-' + transition);
}
// Video
if (this.support.video && videoSettings) {
if (videoSettings instanceof Array) {
video = this._video(videoSettings);
} else {
video = this._video(videoSettings.src);
}
video.loop = videoSettings.loop !== undefined ? videoSettings.loop : true;
video.muted = videoSettings.mute !== undefined ? videoSettings.mute : true;
if (video.muted === false) {
video.volume = 0;
this._fadeInSound(video, transitionDuration);
} else {
video.pause();
}
$video = $(video)
.addClass('vegas-video')
.css('background-color', color);
if (this.support.objectFit) {
$video
.css('object-position', align + ' ' + valign)
.css('object-fit', cover)
.css('width', '100%')
.css('height', '100%');
} else if (cover === 'contain') {
$video
.css('width', '100%')
.css('height', '100%');
}
$slide.append($video);
// Image
} else {
img = new Image();
$inner = $('
')
.css('background-image', 'url(' + src + ')')
.css('background-color', color)
.css('background-position', align + ' ' + valign);
if (cover === 'repeat') {
$inner.css('background-repeat', 'repeat');
} else {
$inner.css('background-size', cover);
}
if (this.support.transition && animation) {
$inner
.addClass('vegas-animation-' + animation)
.css('animation-duration', animationDuration + 'ms');
}
$slide.append($inner);
}
if (!this.support.transition) {
$slide.css('display', 'none');
}
if (total) {
$slides.eq(total - 1).after($slide);
} else {
this.$elmt.prepend($slide);
}
self._timer(false);
function go () {
self._timer(true);
setTimeout(function () {
if (transition) {
if (self.support.transition) {
$slides
.css('transition', 'all ' + transitionDuration + 'ms')
.addClass('vegas-transition-' + transition + '-out');
$slides.each(function () {
var video = $slides.find('video').get(0);
if (video) {
video.volume = 1;
self._fadeOutSound(video, transitionDuration);
}
});
$slide
.css('transition', 'all ' + transitionDuration + 'ms')
.addClass('vegas-transition-' + transition + '-in');
} else {
$slide.fadeIn(transitionDuration);
}
}
for (var i = 0; i < $slides.length - 4; i++) {
$slides.eq(i).remove();
}
self.trigger('walk');
self._slideShow();
}, 100);
}
if (video) {
if (video.readyState === 4) {
video.currentTime = 0;
}
video.play();
go();
} else {
img.src = src;
img.onload = go;
}
},
shuffle: function () {
var temp,
rand;
for (var i = this.total - 1; i > 0; i--) {
rand = Math.floor(Math.random() * (i + 1));
temp = this.settings.slides[i];
this.settings.slides[i] = this.settings.slides[rand];
this.settings.slides[rand] = temp;
}
},
play: function () {
if (this.paused) {
this.paused = false;
this.next();
this.trigger('play');
}
},
pause: function () {
this._timer(false);
this.paused = true;
this.trigger('pause');
},
toggle: function () {
if (this.paused) {
this.play();
} else {
this.pause();
}
},
playing: function () {
return !this.paused && !this.noshow;
},
current: function (advanced) {
if (advanced) {
return {
slide: this.slide,
data: this.settings.slides[this.slide]
};
}
return this.slide;
},
jump: function (nb) {
if (nb < 0 || nb > this.total - 1 || nb === this.slide) {
return;
}
this.slide = nb;
this._goto(this.slide);
},
next: function () {
this.slide++;
if (this.slide >= this.total) {
this.slide = 0;
}
this._goto(this.slide);
},
previous: function () {
this.slide--;
if (this.slide < 0) {
this.slide = this.total - 1;
}
this._goto(this.slide);
},
trigger: function (fn) {
var params = [];
if (fn === 'init') {
params = [ this.settings ];
} else {
params = [
this.slide,
this.settings.slides[this.slide]
];
}
this.$elmt.trigger('vegas' + fn, params);
if (typeof this.settings[fn] === 'function') {
this.settings[fn].apply(this.$elmt, params);
}
},
options: function (key, value) {
var oldSlides = this.settings.slides.slice();
if (typeof key === 'object') {
this.settings = $.extend({}, defaults, $.vegas.defaults, key);
} else if (typeof key === 'string') {
if (value === undefined) {
return this.settings[key];
}
this.settings[key] = value;
} else {
return this.settings;
}
// In case slides have changed
if (this.settings.slides !== oldSlides) {
this.total = this.settings.slides.length;
this.noshow = this.total < 2;
this._preload();
}
},
destroy: function () {
clearTimeout(this.timeout);
this.$elmt.removeClass('vegas-container');
this.$elmt.find('> .vegas-slide').remove();
this.$elmt.find('> .vegas-wrapper').clone(true).children().appendTo(this.$elmt);
this.$elmt.find('> .vegas-wrapper').remove();
if (this.settings.timer) {
this.$timer.remove();
}
if (this.settings.overlay) {
this.$overlay.remove();
}
this.elmt._vegas = null;
}
};
$.fn.vegas = function(options) {
var args = arguments,
error = false,
returns;
if (options === undefined || typeof options === 'object') {
return this.each(function () {
if (!this._vegas) {
this._vegas = new Vegas(this, options);
}
});
} else if (typeof options === 'string') {
this.each(function () {
var instance = this._vegas;
if (!instance) {
throw new Error('No Vegas applied to this element.');
}
if (typeof instance[options] === 'function' && options[0] !== '_') {
returns = instance[options].apply(instance, [].slice.call(args, 1));
} else {
error = true;
}
});
if (error) {
throw new Error('No method "' + options + '" in Vegas.');
}
return returns !== undefined ? returns : this;
}
};
$.vegas = {};
$.vegas.defaults = defaults;
$.vegas.isVideoCompatible = function () {
return !/(Android|webOS|Phone|iPad|iPod|BlackBerry|Windows Phone)/i.test(navigator.userAgent);
};
})(window.jQuery || window.Zepto);
// source --> /js/top.js
$(function(){
$('.keyvisual').slick({
autoplay:true,
fade:true,
autoplaySpeed:3000,
dots:true,
pauseOnHover:true
});
if (window.matchMedia( "screen and (min-width: 900px)" ).matches) {
$('.js-fade').css('visibility','hidden');
$(window).scroll(function(){
var windowHeight = $(window).height();
topWindow = $(window).scrollTop();
$('.js-fade').each(function(){
var targetPosition = $(this).offset().top;
if(topWindow > targetPosition - windowHeight + 220){
$(this).addClass("fadeInDown");
}
});
});
}
hsize = $(window).height();
$("#main-images").css("height", hsize + "px");
$(window).resize(function () {
hsize = $(window).height();
$("#main-images").css("height", hsize + "px");
});
$('#main-images').vegas({
overlay: true,
transition: 'flash',
transitionDuration: 2000,
delay: 10000,
animation: 'random',
animationDuration: 20000,
slides: [
{ src: './img/visual01.png' },
{ src: './img/visual02.png' },
{ src: './img/visual03.png' }
]
});
/*アクセスランキングナンバリング*/
var rankcount = 1;
$('.icon-rank').each(function() {
$(this).prepend("
" + rankcount + "
");
rankcount++;
});
title();
function title(){
$('.js-anime-maintitile').velocity(
{
//width: '50px',
//height: '50px',
//backgroundColor: '#000000',
delay:'700',
opacity:'1',
translateX: '+=0px',
translateY: '+=20px'
}, {
// Option
duration:850, // アニメーション時間
easing: 'ease-out',
// イージング : linear, swing, ease, ease-in, ease-out, ease-in-out, [200, 15]
//begin: function(){console.log('start');}, // or null
progress: null, // 進捗率
//complete: function(){console.log('end');}, // or null
//loop: 1, // 繰り返し : or false
delay: 800, // 開始、ループ時に遅延させる Ex.1000
display: 'block' // 表示・非表示 : false, 'none', 'block'
}
);
$('.subtitle').velocity(
{
delay:'1400',
opacity:'1',
}, {
// Option
duration:1200,
easing: 'ease-out',
progress: null,
delay: 2100,
display: 'block'
}
);
}
/* フェードイン
var srcBgArray = ["./img/visual01.png","./img/visual02.png","./img/visual03.png"];
$('#main-images').bcatBGSwitcher({
urls: srcBgArray,
alt: 'Full screen background image'
});
*/
});
// source --> /js/common.js
$(function(){
$('head').append(
''
);
$(window).load(function() {
$('body').fadeIn(500);
});
/*スマフォメニューの色味変更*/
/*$(window).on('scroll',function(){
var $window = $(window);
var limit = $('.jsMainImage').outerHeight();
//console.log(limit);
if(limit > $window.scrollTop()){
$(".sb-toggle-left").removeClass("slideColor");
} else {
$(".sb-toggle-left").addClass("slideColor");
}
});*/
/*gnavi*/
var nav = $('.gnavi');
var navTop = nav.offset().top;
$('li', nav).hover(function(){
$('ul',this).stop().slideDown('fast');
},
function(){
$('ul',this).stop().slideUp('fast');
});
/*detail img*/
$(".trimming-large").imgLiquid();
$(".ChangePhoto").click(function(){
var ImgSrc = $(this).children("span").data("photo");
var ImgAlt = $(this).attr("alt");
$(".ChangePhoto").removeClass("on");
$(this).addClass("on");
$("#link-img").attr({href:ImgSrc});
$("img#MainPhoto").attr({src:ImgSrc,alt:ImgAlt});
$("img#MainPhoto").show();
$("img#MainPhoto").hide();
setTimeout(function(){
$(".trimming-large").imgLiquid();
},0);
return false;
});
/*facebook*/
/*var fbUrl = 'https://www.facebook.com/JinyaRamenBar',
fbTitle = 'JinyaRamenBar';
$(window).resize(function () {
$('#page-plugin').html('
');
window.FB.XFBML.parse();
});*/
});
// source --> /js/imgLiquid-min.js
var imgLiquid=imgLiquid||{VER:"0.9.944"};imgLiquid.bgs_Available=!1,imgLiquid.bgs_CheckRunned=!1,imgLiquid.injectCss=".imgLiquid img {visibility:hidden}",function(i){function t(){if(!imgLiquid.bgs_CheckRunned){imgLiquid.bgs_CheckRunned=!0;var t=i('
');i("body").append(t),!function(){var i=t[0];if(i&&window.getComputedStyle){var e=window.getComputedStyle(i,null);e&&e.backgroundSize&&(imgLiquid.bgs_Available="cover"===e.backgroundSize)}}(),t.remove()}}i.fn.extend({imgLiquid:function(e){this.defaults={fill:!0,verticalAlign:"center",horizontalAlign:"center",useBackgroundSize:!0,useDataHtmlAttr:!0,responsive:!0,delay:0,fadeInTime:0,removeBoxBackground:!0,hardPixels:!0,responsiveCheckTime:500,timecheckvisibility:500,onStart:null,onFinish:null,onItemStart:null,onItemFinish:null,onItemError:null},t();var a=this;return this.options=e,this.settings=i.extend({},this.defaults,this.options),this.settings.onStart&&this.settings.onStart(),this.each(function(t){function e(){-1===u.css("background-image").indexOf(encodeURI(c.attr("src")))&&u.css({"background-image":'url("'+encodeURI(c.attr("src"))+'")'}),u.css({"background-size":g.fill?"cover":"contain","background-position":(g.horizontalAlign+" "+g.verticalAlign).toLowerCase(),"background-repeat":"no-repeat"}),i("a:first",u).css({display:"block",width:"100%",height:"100%"}),i("img",u).css({display:"none"}),g.onItemFinish&&g.onItemFinish(t,u,c),u.addClass("imgLiquid_bgSize"),u.addClass("imgLiquid_ready"),l()}function d(){function e(){c.data("imgLiquid_error")||c.data("imgLiquid_loaded")||c.data("imgLiquid_oldProcessed")||(u.is(":visible")&&c[0].complete&&c[0].width>0&&c[0].height>0?(c.data("imgLiquid_loaded",!0),setTimeout(r,t*g.delay)):setTimeout(e,g.timecheckvisibility))}if(c.data("oldSrc")&&c.data("oldSrc")!==c.attr("src")){var a=c.clone().removeAttr("style");return a.data("imgLiquid_settings",c.data("imgLiquid_settings")),c.parent().prepend(a),c.remove(),c=a,c[0].width=0,setTimeout(d,10),void 0}return c.data("imgLiquid_oldProcessed")?(r(),void 0):(c.data("imgLiquid_oldProcessed",!1),c.data("oldSrc",c.attr("src")),i("img:not(:first)",u).css("display","none"),u.css({overflow:"hidden"}),c.fadeTo(0,0).removeAttr("width").removeAttr("height").css({visibility:"visible","max-width":"none","max-height":"none",width:"auto",height:"auto",display:"block"}),c.on("error",n),c[0].onerror=n,e(),o(),void 0)}function o(){(g.responsive||c.data("imgLiquid_oldProcessed"))&&c.data("imgLiquid_settings")&&(g=c.data("imgLiquid_settings"),u.actualSize=u.get(0).offsetWidth+u.get(0).offsetHeight/1e4,u.sizeOld&&u.actualSize!==u.sizeOld&&r(),u.sizeOld=u.actualSize,setTimeout(o,g.responsiveCheckTime))}function n(){c.data("imgLiquid_error",!0),u.addClass("imgLiquid_error"),g.onItemError&&g.onItemError(t,u,c),l()}function s(){var i={};if(a.settings.useDataHtmlAttr){var t=u.attr("data-imgLiquid-fill"),e=u.attr("data-imgLiquid-horizontalAlign"),d=u.attr("data-imgLiquid-verticalAlign");("true"===t||"false"===t)&&(i.fill=Boolean("true"===t)),void 0===e||"left"!==e&&"center"!==e&&"right"!==e&&-1===e.indexOf("%")||(i.horizontalAlign=e),void 0===d||"top"!==d&&"bottom"!==d&&"center"!==d&&-1===d.indexOf("%")||(i.verticalAlign=d)}return imgLiquid.isIE&&a.settings.ieFadeInDisabled&&(i.fadeInTime=0),i}function r(){var i,e,a,d,o,n,s,r,m=0,h=0,f=u.width(),v=u.height();void 0===c.data("owidth")&&c.data("owidth",c[0].width),void 0===c.data("oheight")&&c.data("oheight",c[0].height),g.fill===f/v>=c.data("owidth")/c.data("oheight")?(i="100%",e="auto",a=Math.floor(f),d=Math.floor(f*(c.data("oheight")/c.data("owidth")))):(i="auto",e="100%",a=Math.floor(v*(c.data("owidth")/c.data("oheight"))),d=Math.floor(v)),o=g.horizontalAlign.toLowerCase(),s=f-a,"left"===o&&(h=0),"center"===o&&(h=.5*s),"right"===o&&(h=s),-1!==o.indexOf("%")&&(o=parseInt(o.replace("%",""),10),o>0&&(h=.01*s*o)),n=g.verticalAlign.toLowerCase(),r=v-d,"left"===n&&(m=0),"center"===n&&(m=.5*r),"bottom"===n&&(m=r),-1!==n.indexOf("%")&&(n=parseInt(n.replace("%",""),10),n>0&&(m=.01*r*n)),g.hardPixels&&(i=a,e=d),c.css({width:i,height:e,"margin-left":Math.floor(h),"margin-top":Math.floor(m)}),c.data("imgLiquid_oldProcessed")||(c.fadeTo(g.fadeInTime,1),c.data("imgLiquid_oldProcessed",!0),g.removeBoxBackground&&u.css("background-image","none"),u.addClass("imgLiquid_nobgSize"),u.addClass("imgLiquid_ready")),g.onItemFinish&&g.onItemFinish(t,u,c),l()}function l(){t===a.length-1&&a.settings.onFinish&&a.settings.onFinish()}var g=a.settings,u=i(this),c=i("img:first",u);return c.length?(c.data("imgLiquid_settings")?(u.removeClass("imgLiquid_error").removeClass("imgLiquid_ready"),g=i.extend({},c.data("imgLiquid_settings"),a.options)):g=i.extend({},a.settings,s()),c.data("imgLiquid_settings",g),g.onItemStart&&g.onItemStart(t,u,c),imgLiquid.bgs_Available&&g.useBackgroundSize?e():d(),void 0):(n(),void 0)})}})}(jQuery),!function(){var i=imgLiquid.injectCss,t=document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css",e.styleSheet?e.styleSheet.cssText=i:e.appendChild(document.createTextNode(i)),t.appendChild(e)}();
// source --> /js/jquery-scrollInTurn.js
/*!
* jQuery scrollInTurn plugin -version 1.0.1
*
*
* Copyright 2014, Mayumi Tanji
* Released under the MIT license
* http://www.opensource.org/licenses/mit-license.php
*/
(function( $ ){
$.fn.scrollInTurn = function( options ) {
var defaults = $.extend( {
selector : '.target',
delaySpeed : 300,
fadeInSpeed : 500,
fadeOutSpeed : 300,
easing : 'swing',
delayHeight : 400,
fadeOutEvent : true
}, options);
return this.each(function() {
var self = $(this);
$(window).on('load',function(){
self.find(defaults.selector).css({opacity: 0});
});
$(window).on('load scroll resize',function(){
var target = self.find(defaults.selector);
var elmTop = self.offset().top;
var scrTop = $(window).scrollTop();
var elmHeight = self.height();
var windowHeight = $(window).height();
if (scrTop > elmTop - defaults.delayHeight || scrTop + windowHeight > elmTop + elmHeight){
if (!self.hasClass('on')) {
target.each(function(i){
$(this).delay(i*(defaults.delaySpeed)).animate({opacity:'1'}, defaults.fadeInSpeed, defaults.easing);
});
self.addClass('on');
}
}
if (scrTop + windowHeight < elmTop){
if (self.hasClass('on') && defaults.fadeOutEvent === true) {
target.stop(true, true).animate({'opacity': 0}, defaults.fadeOutSpeed, defaults.easing);
self.removeClass('on');
}
}
});
});
};
})( jQuery );